<template>
    <div>
        <el-cascader size="large" :options="options" v-model="selectedOptions" @change="addressChange" />
    </div>
</template>

<script>
    import { regionData, CodeToText } from 'element-china-area-data'
    export default {
        data() {
            return {
                options: regionData,
                selectedOptions: ['110000', '110100', '110101']
            }
        },
        methods: {
            addressChange(arr) {
                console.log(CodeToText[arr[0]], CodeToText[arr[1]], CodeToText[arr[2]])
            }
        }
    }
</script>
